<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--mobanhtml/mconnindex!#"-->

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <!--首页seo标题-->
  <title>{pboot:pagetitle}</title>

  <!--首页seo描述-->

  <meta name="description" content="{pboot:pagedescription}" />

  <!--首页seo关键词-->

  <meta name="keywords" content="{pboot:pagekeywords}" />

  <!--网站地址栏图标-->
  <link href="{pboot:sitetplpath}/static/favicon.ico" rel="shortcut icon" type="image/x-icon" />

  <link href="{pboot:sitetplpath}/static/css/headcss.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="{pboot:sitetplpath}/static/css/website86.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="{pboot:sitetplpath}/static/css/fullpage.min.css" rel="stylesheet" media="screen" type="text/css" />
  <link rel="stylesheet" href="{pboot:sitetplpath}/static/css/font_3991930_edxvrbb5j64.css">
  <link href="{pboot:sitetplpath}/static/css/aos.css" rel="stylesheet" media="screen" type="text/css" />

  <script language="javascript" type="text/javascript" src="{pboot:sitetplpath}/static/js/jquery.min.js"></script>
  <script language="javascript" type="text/javascript" src="{pboot:sitetplpath}/static/js/jquery.superslide.2.1.1.js">
  </script>
  <script language="javascript" type="text/javascript" src="{pboot:sitetplpath}/static/js/aos.js"></script>

  <link href="{pboot:sitetplpath}/static/css/uiskin.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="{pboot:sitetplpath}/static/css/beimei.css" rel="stylesheet" media="screen" type="text/css" />
  <link href="{pboot:sitetplpath}/static/css/iconfont_case.css" rel="stylesheet" media="screen" type="text/css" />

</head>

<body>
  {include file=header.html}
  {pboot:slide gid=4 num=1}
  <div id="banner_con" style="background: url(./[slide:pic]) top center no-repeat;">
    <div class="banner_tit">
      <h3>{sort:topname}</h3>
      <h6>{sort:def2}</h6>
    </div>
  </div>
  {/pboot:slide}

  <script type="text/javascript" src="{pboot:sitetplpath}/static/js/api.js"></script>

  <div id="bodycon">
    <div id="left"></div>
    <div id="center">


      <div id="bodycontent" class="mianbxContent" style="height:25px;width:90%;text-align:right;">
        {include file=bread.html}
      </div>

      <div style="width:1400px; margin: 0 auto;line-height:180%;" class="bodyContentString8">
        <style type="text/css">
          .contact {
            margin-bottom: 60px;
          }

          .clearfix {
            clear: both;
            display: block;
          }

          .clearfix:after {
            clear: both;
            height: 0;
            content: "";
            line-height: 0;
            font-size: 0;
            display: block;
          }

          style attribute {
            visibility: visible;
            font-size: 88px;
          }

          .contact2c .form-panel ul li .text {
            font-family: "SourceHanSansCN Light";
            padding-left: 10px;
            font-size: 14px;
            width: 100%;
            height: 0.5rem;
            box-sizing: border-box;
            border: 1px solid #d1d1d1;
          }

          textarea {
            -webkit-writing-mode: horizontal-tb !important;
            text-rendering: auto;
            color: -internal-light-dark(black, white);
            letter-spacing: normal;
            word-spacing: normal;
            text-transform: none;
            text-indent: 0px;
            text-shadow: none;
            display: inline-block;
            text-align: start;
            appearance: auto;
            background-color: -internal-light-dark(rgb(255, 255, 255), rgb(59, 59, 59));
            -webkit-rtl-ordering: logical;
            flex-direction: column;
            resize: auto;
            cursor: text;
            white-space: pre-wrap;
            overflow-wrap: break-word;
            column-count: initial !important;
            margin: 0em;
            font: 400 13.3333px Arial;
            border-width: 1px;
            border-style: solid;
            border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
            border-image: initial;
            padding: 2px;
          }

          .contact2a .mtit p {
            font-family: "SourceHanSansCN Light";
            line-height: 20px;
            font-size: 16px;
            color: #666666;
            margin-top: 12px;
          }

          .contact2a .mtit span {
            font-size: 30px;
            color: #333333;
            font-weight: bold;
          }


          /*取得联系*/
          .contact1 {
            padding: 60px 0px;
            box-sizing: border-box;
            position: relative;
            z-index: 10;
            width: 100%;
            margin-top: -.3rem;
            background: #fbfbfb;
            margin-bottom: 50px;
          }

          .contact1 ul li {
            padding: 0 70px;
            position: relative;
            float: left;
            box-sizing: border-box;
          }

          .contact1 ul li.sign1,
          .contact1 ul li.sign2,
          .contact1 ul li.sign3 {
            margin-bottom: 0.5rem;
          }

          .contact1 ul li+li {
            border-left: 1px solid #eee;
          }

          .contact1 ul li .pic {
            font-size: 37px;
            display: block;
            text-align: left;
            color: #d0b393;
          }

          .contact1 ul li .pic img {
            float: left;
          }

          .contact1 ul li .pic .titx {
            padding-top: 8px;
            padding-left: 10px;
            float: left;
            text-transform: uppercase;
            font-family: "Arial";
          }

          .contact1 ul li .pic .titx .t1 {
            font-family: "Arial";
            font-size: 20px;
            color: #c21823;
            line-height: 1;
          }

          .contact1 ul li .pic .titx .t2 {
            font-family: "Arial";
            font-size: 14px;
            color: #c21823;
            line-height: 1;
          }

          .contact1 ul li .cont {
            text-align: left;
            vertical-align: top;
            display: inline-block;
            width: auto;
            margin-top: 20px;
          }

          .contact1 ul li .cont .tit {
            font-size: 18px;
            color: #d0b393;
          }

          .contact1 ul li .cont .con {
            line-height: 30px;
            margin-top: 10px;
            font-size: 16px;
          }


          /*mess*/
          input,
          textarea {
            outline: none;
            border: none;
          }

          textarea {
            resize: none;
            overflow: auto;
          }

          .mess {
            padding: 110px 0 120px !important;
            position: relative;
            margin: 0 auto;
          }

          .adbt b {
            font-size: 50px;
            display: block;
            font-weight: normal;
            color: #333;
            text-align: center;
          }

          .from_tab {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
          }

          .from_tab>div {
            width: 32%;
            display: flex;
            overflow: hidden;
          }

          .from_tab>div+div {
            margin-left: 20px;
          }

          #feedback_form {
            margin: 60px 0;
            height: 60px;
          }

          .col4 {
            float: left;
            width: 16.7vw;
            height: 60px;
            background: #fff;
          }

          .col4 span {
            display: inline-block;
            font-size: 30px;
            color: #999;
            margin-top: 15px;
            margin-left: 24px;
          }

          .col4 input {
            height: 100%;
            width: 100%;
            margin-left: 16px;
            font-size: 16px;
            color: #e0e0e0;
          }

          .from_tab #tianxieone {
            margin-left: 0px;
            width: 500px;
            margin-top: 40px;
          }

          .from_tab #tianxiethree {
            width: 100%;
            height: 60px;
            background: #fff;
            display: flex;
            align-items: center;
          }

          .from_tab #tianxiethree span {
            display: inline-block;
            font-size: 30px;
            color: #d2d2d2;
            margin-top: 2px;
            margin-left: 24px;
          }

          .from_tab #tianxiethree>input {
            height: 100%;
            width: 58px;
            margin-left: 14px;
            font-size: 16px;
            color: #999;
            line-height: 60px;
          }

          .from_tab #tianxiethree #authcode {
            width: 136px;
          }

          .feedback_btn {
            float: right;
            width: 250px;
            height: 60px;
            text-align: center;
          }

          .feedback_btn .btns {
            line-height: 60px;
            width: 146px;
            background: #d6132c;
            color: #fff;
            font-size: 24px;
            cursor: pointer;
          }

          .lyan textarea {
            width: 100%;
            height: 60px;
            line-height: 60px;
            outline: none;
            font-size: 16px;
            color: #333;
            padding: 0 0 0 12px;
            background: #fff;
            font-family: "Arial"
          }



          .iconfont {
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
          }
        </style>


        <div class="contact">
          <div class="contact1 container">
            <div class="g-in clearfix wow active" style="visibility: visible;">
              <ul class="clearfix a-fadeinB2">
                <li class="sign1">
                  <div class="clearfix">
                    <div class="pic iconfont clearfix">
                      <img src="{pboot:sitetplpath}/static/images/tel.png" width="40" alt="">
                    </div>
                    <div class="cont">
                      <div class="tit">销售热线</div>
                      <div class="con">
                        <p>联系电话：{pboot:companymobile}</p>
                        <p>微信：<img src="{pboot:companyweixin}" alt="" width="100px" style="vertical-align: top;"></p>

                      </div>
                    </div>
                  </div>
                </li>

                <li class="sign4">
                  <div class="clearfix">
                    <div class="pic iconfont clearfix">
                      <img src="{pboot:sitetplpath}/static/images/pos.png" width="40" alt="">
                    </div>
                    <div class="cont">
                      <div class="tit">地址</div>
                      <div class="con">
                        <p>地　址：{pboot:companyaddress}</p>
                        <p>网　址：{pboot:sitedomain}</p>

                      </div>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
          </div>

          <div class="contact3">

            <div class="contact4">
              <!--百度地图容器-->
              <div id="map"
                style="border: 1px solid rgb(204, 204, 204); border-image: none; top: 0px; width: 100%; height: 500px; font-size: 14px;">
              </div>
              <script type="text/javascript">
                var pos = [121.497988, 31.27535]

                //创建和初始化地图函数：
                function initMap() {
                  createMap(); //创建地图
                  setMapEvent(); //设置地图事件
                  addMapControl(); //向地图添加控件
                  addMapOverlay(); //向地图添加覆盖物
                }

                function createMap() {
                  map = new BMap.Map("map");
                  map.centerAndZoom(new BMap.Point(...pos), 19);
                }

                function setMapEvent() {
                  map.enableScrollWheelZoom();
                  map.enableKeyboard();
                  map.enableDragging();
                  map.enableDoubleClickZoom()
                }

                function addClickHandler(target, window) {
                  target.addEventListener("click", function () {
                    target.openInfoWindow(window);
                  });
                }

                function addMapOverlay() {
                  var markers = [{
                      content: "{pboot:companyaddress}",
                      title: " {pboot:companyname}",
                      imageOffset: {
                        width: -69,
                        height: -46
                      },
                      position: {
                        lat: pos[1],
                        lng: pos[0]
                      }
                    }
                    // position:{lat:23.10945,lng:113.709286}}
                  ];
                  for (var index = 0; index < markers.length; index++) {
                    var point = new BMap.Point(markers[index].position.lng, markers[index].position.lat);
                    var marker = new BMap.Marker(point, {
                      icon: new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png", new BMap
                        .Size(20, 25), {
                          imageOffset: new BMap.Size(markers[index].imageOffset.width, markers[index].imageOffset
                            .height)
                        })
                    });
                    var label = new BMap.Label(markers[index].title, {
                      offset: new BMap.Size(25, 5)
                    });
                    var opts = {
                      width: 200,
                      title: markers[index].title,
                      enableMessage: false
                    };
                    var infoWindow = new BMap.InfoWindow(markers[index].content, opts);
                    marker.setLabel(label);
                    addClickHandler(marker, infoWindow);
                    map.addOverlay(marker);
                  };
                }
                //向地图添加控件
                function addMapControl() {
                  var scaleControl = new BMap.ScaleControl({
                    anchor: BMAP_ANCHOR_BOTTOM_LEFT
                  });
                  scaleControl.setUnit(BMAP_UNIT_IMPERIAL);
                  map.addControl(scaleControl);
                  var navControl = new BMap.NavigationControl({
                    anchor: BMAP_ANCHOR_TOP_LEFT,
                    type: BMAP_NAVIGATION_CONTROL_LARGE
                  });
                  map.addControl(navControl);
                  var overviewControl = new BMap.OverviewMapControl({
                    anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
                    isOpen: true
                  });
                  map.addControl(overviewControl);
                }
                var map;
                initMap();
              </script>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="right">
    </div>
    <div class="clear"></div>
  </div>

  <div id="copy"></div>

  {include file=footer.html}


  <script>
    AOS.init({
      offset: 200,
      easing: 'ease-out-back',
      duration: 1000,
      disable: 'mobile',
    });
  </script>


</body>

</html>